<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>首航节能-智慧园区</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css"
          href="../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css"
          href="../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css"
          href="../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css"
          href="../../assets/css/styles/components-css/tabs.css" />
    <link rel="stylesheet" type="text/css"
          href="../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css"
          href="../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css"
          href="../../assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css"
          href="../../assets/css/styles/components-css/step.css" />
    <link rel="stylesheet" type="text/css"
          href="../../assets/css/styles/components-css/form.css" />
    <!--引入bootstrap CSS文件-->
    <link rel="stylesheet" type="text/css"
          href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css"
          href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css" />
    <!--日历控件样式-->
    <!--表单验证样式-->

    <link rel="stylesheet" type="text/css" href="../../assets/lib/formValidator/style/validator.css"/>

    <link rel="stylesheet" type="text/css"
          href="../../assets/lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" />
    <style>
        .stay-time-title{
            display: block;
            float: left;
            height: 36px;
            line-height: 36px;
            color: #666;
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right:18px;
        }
        .stay-time-list li input{
            vertical-align: -3px;
        }
        .list-title{
            background-color: #F9F9F9;
            font-weight: bold;
        }
        .list-title>span{
            padding-left: 20px;
        }

        .tip-msg{
            width: 95%%;
            padding: 10px 10px;
            margin: 0 10px;
            background-color: pink;
            font-weight: 300;
        }
    </style>
</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->
<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->

    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>壹家客栈 > 入住月报</h2>
                </div>
                <div class="t-tabs">
                    <!--供应商管理选项卡-->
                    <ul id="myTabs" class="t-tabs-items">
                        <li class="active"><a href="#tab1" class="isSelect" data-toggle="tab" id="0">全部统计</a></li>
                        <!-- <li><a href="#tab2" data-toggle="tab" class="isSelect" id="1">部门统计</a></li> -->
                    </ul>
                <div id="myTabContent" class="tab-content">


                    <!-- <div class="tab-pane fade" id="tab2">
                        安防告警列表
                        <div class="t-list-search t-columns-4">
                            <form id="detailSearch"   onsubmit="return false">
                                <ul class="t-columns-group">
                                    <li class="timegroup">
                                        <span style="float:left;">起止日期</span>
                                        <div>
                                            <div>
                                                <input class="form_date_start" value="" placeholder="开始时间" readonly id="startApplyTime" name="startApplyTime"/>
                                            </div>
                                            <span>~</span>
                                            <div>
                                                <input class="form_date_end" value="" placeholder="结束时间" readonly id="endApplyTime" name="endApplyTime"/>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <label>部门</label>
                                        <div><input id="deptName" name="deptName" type="text" value="" placeholder="部门名称"/></div>
                                    </li>
                                    <li style="width:10%;">
                                        <div>
                                            <a class="t-btn" id="btnSearchDetail">
                                                <i class="icon-search"></i>查询
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </form>
                        </div>
                        <a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">可消失的弹出框</a>

                        <div class="t-list-btns">
                            <p>请求记录</p>
                            <span id="detailReportTabTotal">(共0条记录)</span>
                        </div>

                        <div class="t-list-result clearfix">
                            表格
                            <table class="t-table" id="detailReportTab">

                            </table>
                            分页
                            <div class="pagination" id="detailReportTabPagination"></div>
                        </div>
                    </div> -->
                    <div class="tab-pane fade in active" id="tab1">
                        <!--安防告警列表-->
                        <div class="t-list-search t-columns-4">
                            <form id="frmSearch"   onsubmit="return false">
                                <ul class="t-columns-group">
                                    <li class="timegroup">
                                        <span style="float:left;">起止日期</span>
                                        <div>
                                            <div>
                                                <input class="form_date_start bg-date" value="" placeholder="开始时间" readonly id="startApplyTimeAll" name="startApplyTime"/>
                                            </div>
                                            <span>~</span>
                                            <div>
                                                <input class="form_date_end bg-date" value="" placeholder="结束时间" readonly id="endApplyTimeAll" name="endApplyTime"/>
                                            </div>
                                        </div>
                                    </li>
                                    <!-- <li>
                                        <div>
                                            <a class="t-btn" id="btnSearchAll">
                                                <i class="icon-search"></i>查询
                                            </a>
                                        </div>
                                    </li> -->
                                    <li style="width:10%;">
                                        <div>
                                            <a class="t-btn" id="btnExportAll">
                                                <i class="icon-search"></i>导出数据
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </form>
                        </div>
                        <div class="tip-msg">
                            提示：可选择历史时间段，导出数据excel进行查看。最长时间段为30天。
                        </div>
                        <!-- <div class="modal-body">
                            告警基本信息
                            <div class="t-columns-2">
                                <ul class="t-columns-group" style="padding-right: 0px">
                                    <li class="width-all list-title"><span>全天</span></li>
                                    <li>
                                        <label>入住人数：</label>
                                        <div id="allNum"></div>
                                    </li>
                                    <li>
                                        <label>入住率：</label>
                                        <div id="allRate"></div>
                                    </li>
                                    <li>
                                        <label>孕妇人数：</label>
                                        <div id="allGraNum"></div>
                                    </li>
                                    <li class="width-all list-title"><span>中午</span></li>
                                    <li>
                                        <label>入住人数：</label>
                                        <div id="allAmNum"></div>
                                    </li>
                                    <li>
                                        <label>入住率：</label>
                                        <div id="allAmRate"></div>
                                    </li>
                                    <li>
                                        <label>（男）人数：</label>
                                        <div id="manAmNum"></div>
                                    </li>
                                    <li>
                                        <label>（男）入住率：</label>
                                        <div id="manAmRate"></div>
                                    </li>
                                    <li>
                                        <label>（女）入住人数：</label>
                                        <div id="womanAmNum"></div>
                                    </li>
                                    <li>
                                        <label>（女）入住率：</label>
                                        <div id="womanAmRate"></div>
                                    </li>
                                    <li class="width-all list-title"><span>晚上</span></li>
                                    <li>
                                        <label>入住人数：</label>
                                        <div id="allPmNum"></div>
                                    </li>
                                    <li>
                                        <label>入住率：</label>
                                        <div id="allPmRate"></div>
                                    </li>
                                    <li>
                                        <label>（男）入住人数：</label>
                                        <div id="manPmNum"></div>
                                    </li>
                                    <li>
                                        <label>（男）入住率：</label>
                                        <div id="manPmRate"></div>
                                    </li>
                                    <li>
                                        <label>（女）入住人数：</label>
                                        <div id="womanPmNum"></div>
                                    </li>
                                    <li>
                                        <label>（女）入住率：</label>
                                        <div id="womanPmRate"></div>
                                    </li>
                                </ul>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
</div>
<!--提示模态框-->
            <div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
                <div class="modal-dialog modal-sm" role="document">
                    <div class="modal-content">
                        <div class="modal-body" style="text-align:center;font-size:14px;">
                            <i id="icon-tip" style="margin-right:6px;"></i>
                            <span class="tip-info"></span>
                        </div>
                    </div>
                </div>
            </div>
<!--版权-->
<div id="copyright"></div>
<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<script src="../../assets/common/loadHeaderAndCopyright.js"></script>
<script src="../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<!--bootsrtap日历控件脚本-->
<script src="../../assets/lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script src="../../assets/lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="../../assets/lib/bootstrap-datetimepicker-master/js/initDatetimepicker.js"></script>

<!--分页脚本-->
<script src="../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script src="../../assets/common/loaderTable.js"></script>

<script src="../../assets/common/ajaxPoster.js"></script>
<script src="../../assets/common/centerModal.js"></script>
<script src="../../assets/lib/tipModal/js/tipModal.js"></script>
<!-- 我的审批 -->
<!--启用模态框脚本-->
<script src="../../js/apartmentManagement/monthReport.js"></script>
</body>
</html>